﻿@charset "utf-8";
body {
	background: #fff
}
body [class^='box'] *{transition: all .3s;}
.over{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} 
/*å¤´éƒ¨*/
#header {height: 87px;
	box-sizing: border-box;
	border-bottom: 1px solid #f0f0f0;background: none;position: absolute;width: 100%;z-index: 1
}

.layui-layout-admin .layui-header {
	width: 100%;
	margin: 0 auto;
	height: 87px;
	background: none;
	color: #50586c;
	position: static;
}
.layui-layout-admin .layui-header .wapper{width: 1200px;margin: 0 auto;position: relative;height: 87px}
/*logo*/

.layui-layout-admin .layui-logo {
	box-sizing: border-box;box-shadow: none;position: relative;top:35px
}
.layui-layout-admin .layui-logo img{display: block;height: 40px}
.layui-layout-right {
	height: 86px;
	line-height: 86px;
	position: relative;
}

.layui-header .layui-nav .layui-nav-item {
	margin-top: 26px
	
}

	.layui-header .layui-nav .layui-nav-item a {
		color: #232d47;
		padding: 0 22px;
		font-size: 15px;
	}
		.layui-header .layui-nav .layui-nav-item:hover{
			font-weight: 600
		}
.layui-header .layui-nav .layui-nav-item:hover dd{font-weight: normal}
.layui-header .layui-nav .layui-nav-item.login{margin-left: 30px;}
.layui-nav .layui-nav-more{color: #a5a5a7}
.layui-nav .layui-this:after {
	bottom: auto;
	top: 57px;
	background-color: #245bf4
}

.layui-header .layui-nav .layui-this a {
/*	color: #7acaf9;*/
}

/*.layui-nav-bar{opacity: 0!important}*/
.layui-nav-bar{height: 2px;top:auto;top:85px!important; background:  #245bf4;}
/*banner*/
#banner {
	background-color: #fff;
	position: relative;
	height: 755px;
	background-image: url("../images/banner01.jpg"),url("../images/banner4.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right -30px,center top;
	background-size: auto calc(100% + 30px),auto auto;
}


#banner .inner{width: 856px;height: 430px;position: absolute;top:143px;left:calc(50% - 250px);box-shadow: 0px 11px 20px 5px rgba(34,52,122,.5);}
#banner .inner img,#banner .inner .layui-carousel{width: 100%;height: 100%}
#banner .img1{position: absolute;left: calc(50% - 593px);top:162px}



.toptit {
	width: 100%;font-size: 35px;display: block;
	position: relative;
	text-align: left;font-weight: 600;margin-bottom: 30px
}
.toptit em{color: #020107;margin-bottom: 15px}
.toptit p {color: #a0a0a0;font-size: 14px;font-weight: 500;}



.box1 {margin-bottom: 68px;margin-top: -115px;background: url(../images/boxbg1.png);background-size: 100% 100%}
.box1 .wapper{width: 1200px;margin: 0 auto;}
	.box1 .hover_cards {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows: repeat(1, 1fr);
		height: 65px;
		border-bottom: 1px solid #f0f0f0;
		padding-left: 15px;
		padding-right: 70px;
		position: relative
	}

		.box1 .hover_cards .more {
			position: absolute;
			right: 10px;
			top: 34px;
			color: #999
		}
.box1 .hover_cards li{height: 100%;line-height: 65px;box-sizing: border-box;text-align: center;font-size: 14px;color: #111662;cursor: pointer;position: relative}
.box1 .hover_cards li.this{color: #5274fa;font-size: 16px}
.box1 .hover_cards li.this::after{content: ''; position: absolute;bottom: -1px;height: 2px ;background-color: #5274fa;width: 100%;left: 0}
.box1 .show_cards{width: 100%;}
.box1 .show_cards_wapper{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 0px 16px;padding-top: 37px}
.box1 .show_cards_item li{height: 200px;border: 2px solid transparent;color: #5a5e7f;font-size: 18px;position:relative;box-sizing: border-box;padding: 27px 40px 0;;overflow: hidden;border-radius: 2px}
.box1 .show_cards_item li >img{height: 57px;max-width: 100%; margin-bottom: 22px;;display: block}
.box1 .show_cards_item li p{color: #5b5a62;line-height: 20px;font-size: 14px;max-height:40px;-webkit-line-clamp: 2; word-break: break-word;white-space: normal;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}
.box1 .show_cards_item li b {font-size: 22px;color: #274747;margin-bottom: 9px;font-weight: 500}
.box1 .show_cards_item li a{color: #a1a3b0;font-size: 14px;position: absolute;right: 45px;bottom: 65px;display: none}
.box1 .show_cards_item li:hover{border: 2px solid #7e98e5}
.box1 .show_cards_item li:hover a{display: block}
.box1 .show_cards_item li:hover b{color:#2744f8 }

.box2 {
	background-color: #ebeef3;
	background-image: url(../images/box2bg.jpg);
	background-size: auto 100%;
	background-position: calc(50% - 149px) center;
	background-repeat: no-repeat;
	position: relative;
	height: 644px
}

	.box2 .wapper {
		width: 1200px;
		margin: 0 auto;
	}

.box2_left {
	width: 446px;
	position: absolute;
	right: calc(50% + 254px);
	/*	background: url(../images/banner5.jpg);background-size: 100% auto*/
}

	.box2_left .picc {
		height: 309px;
		padding-top: 65px;
		margin-bottom: 56px
	}

	.box2_left h3 {
		font-size: 26px;
		font-weight: 600;
		margin-bottom: 12px;
		color: #000002;
		width: 328px;
		padding-right: 20px;
		float: right
	}

	.box2_left p {
		font-size: 14px;
		line-height: 1.7em;
		color: #575a6b;
		width: 328px;
		padding-right: 38px;
		float: right
	}

.box2_right {
	/*	background: url(../images/rightbg.gif);*/
	left: calc(50% - 262px);
	right: 754px;
	position: absolute
}

.box2_right .inner{width: 860px;padding: 35px 0 45px 46px ;box-sizing: border-box;}
.box2 .hover_cards{width: 100%;display: flex;height: 65px;}
.box2 .hover_cards li{height: 100%;line-height: 82px;box-sizing: border-box;text-align: center;font-size: 16px;color: #111662;cursor: pointer;position: relative;padding: 0 50px 0 3px;border-bottom: 1px solid #ccc;color: #fff}
.box2 .hover_cards li i{position: absolute;left: 3px;top:7px;font-size: 12px;line-height: normal;color: rgba(255,255,255,.5)}
.box2 .hover_cards li.this{color: #fff;font-size: 22px;border-color: #fff;z-index: 2}
.box2 .hover_cards li.this i{color: rgba(255,255,255,.8)}
.box2 .hover_cards li::before{content: ''; position: absolute;bottom: -1.5px;height: 3px;width: 3px;border-radius: 50% ;background-color: #80b9f8;left: -1.5px}
.box2 .hover_cards li::after{content: ''; position: absolute;bottom: -1.5px;height: 3px;width: 3px;border-radius: 50% ;background-color: #80b9f8;right: -1.5px}
.box2 .hover_cards li.this::before{background-color: #fff}
.box2 .hover_cards li.this::after{background-color: #fff;}
.box2 .show_cards{width: 100%;}
.box2 .show_cards_wapper{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px 28px;padding-top: 33px;}
.box2 .show_cards_item li{height: 142px;border: 1px solid rgba(255,255,255,.5);color: #fff ;font-size: 18px;position:relative;box-sizing: border-box;padding: 27px 25px 0;overflow: hidden;}
.box2 .show_cards_item li b{margin-bottom: 11px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;width: 100%}
.box2 .show_cards_item li p{font-size: 14px;max-height:60px;line-height:20px;-webkit-line-clamp: 3; word-break: break-word;white-space: normal;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}
.box2 .show_cards_item li:hover{background: #fff;border-color: #fff;color: #084dff}

.box3{background-image: url(../images/boxbg2.jpg);background-size: auto 100%;background-position: center center;box-sizing: border-box;padding-top: 40px;}
.box3 .toptit{width: 1200px;margin: 0 auto;margin-bottom: 26px;}
.box3_content{width: 1400px;margin: 0 auto;text-align: center;display: grid;grid-template-columns: repeat(6, 1fr);gap:20px;color: #3f61b0;background: #fff;box-sizing: border-box;padding: 100px 50px;position: relative;z-index: 1}
.box3_content li{height: 120px;border: 2px solid #f2f2f2;box-sizing: border-box;margin-left: -2px;margin-top: -2px;border-radius: 2px;text-align: center}
.box3_content li img{position: relative;text-align: center;top: 50%;transform: translateY(-50%); }
.box3_content li:hover{border-color: #5b8ceb;position: relative;z-index: 1}


.date{margin-bottom: 10px;color: rgba(255,255,255,.5)}
.news{position: relative}
.news em{color: #fff;font-size: 22px;margin-bottom: 14px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;width: 100% }
.news tt{line-height: 25px;color: rgba(255,255,255,.8);max-height:50px;-webkit-line-clamp: 2; word-break: break-word;white-space: normal;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}
.box4{background-image: url(../images/boxbg3.jpg);background-size: 100% 100%;background-position: center center;;margin-top: -208px;padding-top: 289px;padding-bottom: 80px}
.box4 .toptit{margin-bottom: 38px;}
.box4 .toptit em{color: #fff}
.box4 .toptit a{display: block;width: 140px;height: 48px;border: 1px solid rgba(255,255,255,.5);border-radius: 2px;float: right;font-size: 14px;color: rgba(255,255,255,.5);font-weight: 500;line-height: 48px;text-align: center;position: relative;top:18px}
.box4 .wapper{width: 1200px;margin: 0 auto}
.box4 .list{display: grid;grid-template-columns: repeat(3, calc(33.3333% - 30px));gap: 0 45px;}
.box4 .list li{height: 403px;}
.box4 .list li a{display: block}
.box4 .list li .img{height: 260px;margin-bottom: 21px}
.box4 .list li .img img{width: 100%;height: 100%}
.ewm{display: inline-block;margin-right: 32px}
.ewm:nth-last-child(1){margin-right: 0px}
.ewm img{height: 105px;width: 105px;}
.ewm p{font-size: 17px;font-weight: normal;text-align: left;margin: 2px 0 26px}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #999999;
}

input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999999;
}

input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999999;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}


.footer {
	background: #0a1d2f;
	font-size: 14px;
	color: #999999;
	text-align: left;height: 300px;
}
.footin{width: 1200px;margin: 0 auto;padding: 65px 0 }
.footin h3{font-size: 18px;margin-bottom: 18px;color: #f3f3f5}
.footin li a{color: #b4bdc7}
.footin li a i{font-size: 17px;margin-right: 14px}
.footin li{margin-bottom: 12px}
.footin li:nth-last-child(1){margin-bottom: 0}
.footerbox4{width: 267px;;text-align: left;box-sizing: border-box;border-right: 1px solid #20313f;height: 136px}
.footerbox4 .logo1{height: 32px;margin-bottom: 14px;display: block}
.footerbox4 s{font-size: 14px;color: #fff;margin-bottom: 16px;padding: 0 10px;background: #006fff;height: 42px;line-height: 42px;width: auto;border-radius: 2px}
.footerbox4 s i{font-size: 22px;margin-right: 7px}
.footerbox4 .link{}
.footerbox4 .link a{border: 1px solid #fff;display: block;width: 44px;height: 44px;border-radius: 50%;display: inline-block;line-height: 44px;text-align: center}
.footerbox4 .link a + a{margin-left: 14px}
.footerbox1 {
	width: 286px;
	box-sizing: border-box;
	padding: 0px 0 0 76px
}

.footerbox2 {
	width: 250px;
	box-sizing: border-box;
	padding-left: 0px
}

.footerbox25 {
	width: 287px;
	padding-left: 56px;
	box-sizing: border-box
}

.footerbox3 {
	width: 105px;
	box-sizing: border-box;
}

.footerbox5 {
	width: 78px;
	text-align: left;
	box-sizing: border-box;
}
.footerbox3 .link img{width: 100%}
.footer >p{height: 49px;border-top: 1px solid #0e0e0e;text-align: center;line-height: 49px;color: #67666b;font-size: 14px}

/*专家expert*/
.expert{width: 1200px;margin: -115px auto 0}
.expert_content{width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);gap: 134px 56px;color: #3f61b0;padding: 65px 50px;box-sizing: border-box; background-image: repeating-linear-gradient(
    to bottom,
    #fff,
    #e8ecfc 454px,
    #fff 454px,
    #e8ecfc 908px
  );}
.expert_content li{position: relative;cursor: pointer}
.expert_content li>img{height: 166px;margin: 0 auto;display: block;position: relative;z-index:2 }
.expert_content section{position: relative}
.expert_content section .wapper{position: relative;z-index: 1;background: #2054f2;color: #fff;border-radius: 10px;padding: 26px 15px;height: 156px;box-sizing: border-box;box-shadow: 0px 0px 22px 3px rgba(51,87,159,.5)}
.expert_content section i{position: absolute;right: 15px;top:12px;font-size: 40px}
.expert_content b{font-size: 22px;margin-bottom: 10px;}
.expert_content p{font-size: 16px;max-height:72px;line-height:24px;-webkit-line-clamp: 3; word-break: break-word;white-space: normal;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}
.expert_content li .back{width: 50%;transform:rotate(-20deg);background: linear-gradient(to  right, #2551c9 0%, #2551c9 25%, #6b85ca 35%);transform-origin:0 0;height: 100%;position: absolute;left: 0;top:3px;border-radius: 10px}
.expert_content  .details{position: absolute;left: -10%;top:0;width: 120%;height: 100%;background: rgba(32,84,242,.88);z-index: 0;padding: 30px;box-sizing: border-box;border-radius: 10px;color: #fff;overflow: auto;opacity: 0}
.expert_content  .details h5{font-weight: 600;font-size: 24px;margin-bottom: 6px}
.expert_content  .details em{margin-bottom: 15px;color: #abbdf7;font-size: 14px}
.expert_content  .details tt{line-height: 1.68em}
.expert_content li:hover .details{opacity: 1;z-index: 10;transition: all .3s}

/*page1*/
.introduce{width: 1430px;margin: 0 auto}
.introduce_item{margin: 0 auto 142px;}
.introduce_item .toptit{margin-bottom:90px }
.introduce_item .wapper{}
.introduce_item .wapper .picwapper{width: 49.4%;float: left}
.introduce_item .wapper .picwapper img{position: relative;width: 92%;left: 8%}
.introduce_item .wapper .txtwapper{float: left;width: 50.1%;padding-left: 103px;box-sizing: border-box;padding-top: 40px}
.introduce_item .wapper .txtwapper i{width: 39px;height: 26px; margin-right: 10px;background: url(../images/38f56bce2db9ff777541c57fff9f3561adb843f414718c-BNhxIR_fw1200_06.png);background-size: 100% 100%}
.introduce_item .wapper .txtwapper em{font-size: 22px;color: #131313}
.introduce_item .wapper .txtwapper h3{margin-bottom: 35px;font-weight: bold}
.introduce_item .wapper .txtwapper p{font-size: 16px;line-height: 26px;margin-bottom: 52px}
.introduce_item .wapper .txtwapper h4{color: #131313;font-size: 18px;font-weight: bold;margin-bottom: 52px}
.introduce_item .wapper .txtwapper .linkwapper{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 14px 0;margin-bottom: 80px}
.introduce_item .wapper .txtwapper .linkwapper a{color: #2a4cda;font-size: 16px}
.introduce_item .wapper .txtwapper .linkwapper a:hover{opacity: .8}
.more_btn{font-size: 16px;color: #fff;padding: 11px 25px;border-radius: 3px;background: linear-gradient(to right, #2b3284, #8288cd);/* border: 1px solid #213ddb; */display: inline-block}
.more_btn:hover{opacity: .8;color: #fff}
.more_btn1{background: #fff;color: #213ddb}
.more_btn1:hover{color: #213ddb}
.more_btn +.more_btn{margin-left: 20px}
.introduce_item:nth-child(2n)  .wapper .picwapper img{width: 90%;left: 7%}
.introduce_item:nth-child(2n)  .wapper .txtwapper i{background-image:url(../images/yun.png) }

/*news新闻*/
.newspagebody{/* background: #f7f7f7; */}
.newspage{width: 1200px;margin: 0 auto}
.fullbanner{;padding-top: 1px}
.fullbanner section{margin-top: 86px;background-size: auto 100%;background-position: center center;background-color: #6e6a6b;height: 600px}
	/*选项卡样式1*/
.tabstyle1.layui-tab{text-align: center!important;margin: -30px 0 0px }
.tabstyle1.layui-tab .layui-tab-title{border-bottom: none}
.layui-tab-brief.tabstyle1>.layui-tab-more li.layui-this:after, .layui-tab-brief.tabstyle1>.layui-tab-title .layui-this:after{display: none}
.layui-tab.tabstyle1 .layui-tab-title li{padding: 0;height: 80px;line-height: 80px;width: 240px;background: #fff;font-size: 18px;color: #636da3;font-weight: 600;box-shadow: 0 0px 25px 2px rgba(0,0,0,.1)}
.layui-tab.tabstyle1 .layui-tab-title li i{font-size: 28px;margin-right: 11px}
.layui-tab.tabstyle1 .layui-tab-title li:hover{box-shadow: 0 0px 15px 2px rgba(0,0,0,.2);}
.layui-tab-brief.tabstyle1>.layui-tab-title .layui-this{background: url(../images/newsbg1.jpg);color: #fff}
.layui-tab.tabstyle1 .layui-tab-title li + li{margin-left: 20px}
.layui-tab.tabstyle1 .layui-tab-title{height: 80px;margin-bottom: 80px}
.layui-tab.tabstyle1 .layui-tab-content{padding: 0;margin-bottom: 110px}
.newspage .tit{font-size: 19px;font-weight: bold}
.newsbox1{width: 100%;display: grid;grid-template-columns: repeat(3, calc(33.33% - 30px));gap: 45px;margin-bottom: 32px;}
.newsbox1 .item{padding: 40px 40px;box-sizing: border-box;text-align: left;background: #fff;box-shadow: 0 0px 25px 2px #ededed;}
.newsbox1 .time{font-size: 12px;margin-bottom: 19px;color: #474747}
.newsbox1 .tit{font-size: 19px;margin-bottom: 22px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; width: 100%;color: #212121}
.newsbox1 .img{height: 176px;background: #4ACF76;margin-bottom: 20px}
.newsbox1 .img img{width: 100%;height: 100%}
.newsbox1 p{max-height:52px;line-height:26px;-webkit-line-clamp: 2; word-break: break-word;white-space: normal;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;margin-bottom: 30px;color: #4c4c4c}
.newsbox1 .item .newsfoot{padding-top: 30px;border-top: 1px solid #d8d8d8;color: #5e5e5e}
.newsbox1 .newmore{float: right}
.newmore{width: 63px;height: 23px;background: url(../images/more.jpg);}
.newsbox1 .item:hover{background: #0e58d1;color: #fff;transition: all .3s;}
.newsbox1 .item:hover *{color: #fff;transition: all .3s;}
.newsbox1 .item:hover .newmore{background: url(../images/morehov.jpg);transition: all .3s;}
.newsbox1 .item .newsfoot i{float: left;}
.newsbox2{}
.newsbox2 .item{margin-bottom: 28px;background: #fff;box-shadow: 0 0px 25px 2px #ededed;display: block;box-sizing: border-box;padding: 40px 80px 50px 60px;text-align: left;position: relative}
.newsbox2 .item .time{float: left;height: 70px;display: block;margin-right: 45px;color: #0d59d1}
.newsbox2 .item .tit{margin-bottom: 25px;width: 69%;color: #212121;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.newsbox2 .item p{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;width: 69% ;color: #4c4c4c}
.newsbox2 .item .newsfoot{position: absolute;right: 80px;bottom: 42px;color: #5e5e5e}
.newsbox2 .newmore{margin-left: 10px}
.newsbox2 .item:hover{background: #0e58d1;transition: all .3s;}
.newsbox2 .item:hover *{color: #fff;transition: all .3s;}
.newsbox2 .item:hover .newmore{background: url(../images/morehov.jpg);transition: all .3s;}


/*关于我们*/
.about .fullbanner{margin-bottom: 80px}
.aboutus{width: 1200px;margin: 0 auto 72px}
.title2 em{font-size: 35px;font-weight: bolder;display: block;color: #000000;margin-bottom: 26px}
.title2{margin-bottom: 32px;color: #4370f5;font-size: 26px}
.aboutus .left{display:inline-block;width: 42%;vertical-align: bottom;color: #8c8c8c;line-height: 29px;}
.aboutus .left  tt{margin: 36px 0 36px;font-size: 15px;font-weight: 600;color: #323232;display: block;padding-left: 60px;position: relative;text-indent: 0}
.aboutus .left  tt i{font-size: 45px;font-weight: 600;font-family: simsun;color: #0636be;position: absolute;left: 0;top:10px;}
.aboutus .right{display: inline-block;background: #86393A;vertical-align: bottom;width: 40%;margin-left: 17%;position: relative}
.aboutus .right img{position: absolute;right: 0;bottom: 0}
.Certificate{background: url(../images/contactbg1.jpg);background-position: top center;height: 1382px;background-size: auto 1382px;margin-bottom: 100px}
.Certificate .inner{width: 1200px;margin: 0 auto;}
	.Certificate .title2 {
		position: relative;
		top: 130px;
		height: 212px;
	}
.zs1{margin-top: -244px}
.zs1 .lunbo{height: 775px;position: relative;;}
.swiper-container{height: 100%}
.lunbo section{position:absolute;top:347px;width: 218px;;height: 60px;z-index: 10}
	.lunbo  .swiper-pagination-fraction{width: auto;width: 100%;font-size: 24px;color: #424242}
	.lunbo  .swiper-button-next,.lunbo  .swiper-button-prev{width: 60px;height: 60px;border-radius: 50%;box-shadow: 0 0px 25px 2px #e2f0fc;background: #fff}
	.lunbo  .swiper-button-next:after, .swiper-button-prev:after{font-size: 16px;color: #bebebe}
.lunbo  .swiper-button-next{right: 0;z-index: 11}
.lunbo  .swiper-button-prev{left: 0;}
.swiper-slide {
      text-align: center;
      font-size: 18px;
opacity: 0!important;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active{opacity: 1!important}
.line1{position: absolute;left: 0;bottom: 42px;justify-content: space-between;display: flex;padding-right: 40px;width: 863px}
.line2{position: absolute;right: 0;bottom: 465px;justify-content: space-between;display: flex;padding-left: 40px;width: 562px}
.line img{display: inline-block;max-width: 182px;max-height: 200px;vertical-align: bottom;}
.line{align-items: flex-end}
/*.line img+img{margin-left: 20px}*/
.zs2 h4{padding-top: 99px;font-size: 24px;margin-left: 17px}
.zs2 .lunbo{;height: 495px;position: relative;margin-top: -130px}
.zs2 .line1{position: absolute;bottom: 0;width: 100%}
.zs2 .lunbo section{right: 0;top:93px;left: auto}
.staff{height: 1027px;background-color: gold;background: url(../images/staffbg.jpg) no-repeat;background-size: 100% auto;background-position: left bottom;margin-bottom: 80px}
.staff .inner{width: 1200px;margin: 0 auto}
.staff .lunbo{height: 868px;margin-top:-100px}
.staff .lunbo .picbook{display: flex;position: absolute;right: 0;top:182px}
.staff .lunbo .picbook li+li{margin-left: 30px;position: relative;top:-182px}
.staff .lunbo .picbook p{width: 468px;height: 327px;position: relative}
.staff .lunbo .picbook p img{width: 100%; width: 100%;height: 100%;object-fit: cover; }
.staff .lunbo .picbook p +p{margin-top: 30px}
.staff .lunbo .picbook p em{position: absolute;height:44px;line-height: 44px; color: #fff;background: rgba(0,0,0,.5);width: 100%;box-sizing: border-box;bottom: 0;left: 0 ;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;opacity: 0}
.staff .lunbo .picbook p:hover em{opacity: 1;transition: all .3s}
.staff .lunbo section{right: 126px;bottom:22px;left: auto;top:auto}
.contact{height: 700px;box-sizing: border-box;padding-top: 118px;background: url(../images/mapbg.jpg);background-size: auto 100%}
.contact .inner{width: 1200px;margin: 0 auto;font-size: 15px;color: #3e3e3e}
.content_left{display: inline-block;width: 440px;vertical-align: top;padding-top: 76px;}
.content_left li{margin-bottom: 12px}
.content_right{display: inline-block;width: 755px;height: 345px;vertical-align: top;margin-left:0px;position: relative;top:-180px}

@media only screen and (max-width: 991px) {
	.layui-layout-admin .layui-header .wapper {
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box
	}

	#banner {
	}

		#banner .img1 {
			left: 0
		}

		#banner .inner {
			left: auto;
			right: 0;
			transform: scale(0.75);
			transform-origin: 100% 50%
		}

	.toptit {
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box
	}

	.box1 .wapper {
		max-width: 100%
	}

	.box1 .hover_cards {
		box-sizing: border-box
	}

	.box2 .wapper {
		max-width: 100%
	}

	.box2_left {
		right: auto;
		left: 0;
		width: 233px
	}

		.box2_left h3 {
			max-width: 100%;
			padding: 0 15px;
			box-sizing: border-box
		}

		.box2_left p {
			max-width: 100%;
			padding: 0 15px;
			box-sizing: border-box
		}

	.box2_right .inner {
		max-width: 720px
	}

	.box3 .toptit {
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box
	}

	.box3_content {
		max-width: 100%;
		padding: 50px 25px
	}

	.box4 .wapper {
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box
	}

	.footin {
		max-width: 100%
	}

	.footerbox4 {
		width: 170px;
		margin-left: 20px
	}

	.footerbox2 {
		width: 370px;
		padding-left: 20px
	}

	#footer1 > div {
		max-width: 100%
	}
	/*专家*/
	.expert, .expert_content {
		max-width: 100%
	}
	/*关于我们*/
	.fullbanner section {
		height: 460px
	}

	.aboutcontent {
	}

	.aboutus {
		max-width: 100%
	}

		.aboutus .left {
			width: 62%;
			padding: 0 0 0 20px;
			box-sizing: border-box
		}

		.aboutus .right {
			width: 31%;
			margin-left: 5%
		}

			.aboutus .right img {
				max-width: 100%
			}

	.Certificate .inner, .staff .inner, .contact .inner {
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box
	}

	.content_right {
		width: 50%
	}
	/*详情-表格*/
	.fagui_out .inner, .navigation, .gk_fagui {
		max-width: 100%;
		padding: 0 20px;
		box-sizing: border-box
	}
	/*新闻*/
	.newspage {
		max-width: 100%;
		;
		padding: 0 20px;
		box-sizing: border-box
	}
	/*招聘*/
	.recruitbox1, .recruitbox2, .recruitbox3 .inner {
		max-width: 100%;
		;
		padding: 0 20px;
		box-sizing: border-box
	}

	.zpitem .yaoqiu {
		height: 223px !important
	}
	/*review评价咨询服务*/
	.reviewbox1 .inner, .reviewbox2 .inner {
		max-width: 100%;
		;
		padding: 0 20px;
		box-sizing: border-box
	}

	.buttons1 li {
		font-size: 14px !important
	}

		.buttons1 li i {
			display: none
		}
}


.box3_content li img{max-width: 90%;max-height: 40% }


#footer1 {
	height: 132px;
	background: #333333;
	font-size: 14px;
	color: #999999;
	text-align: left;
}

	#footer1 > div {
		width: 1200px;
		position: relative;
		height: 100%;
		padding-top: 1px;
		margin: 0 auto;
		box-sizing: border-box
	}

		#footer1 > div > div {
			/*margin-left: 290px*/
			align-items: center;
		}

	#footer1 p {
		margin: 33px 0 32px 290px
	}

	#footer1 ul {
		position: absolute;
		top: 34px;
		right: 5px;
	}

		#footer1 ul a {
			color: #999;
			float: left;
			font-size: 24px;
			margin-left: 28px;
		}

	#footer1 .copyright a {
		color: #808080;
	}

#footer1 {
	height: auto;
}

.foot_bottom {
	height: 70px;
	box-sizing: border-box;
	padding: 11px 0 !important;
	/*border-top: 1px solid #5a5a5a;*/
}

	.foot_bottom .copyright {
		line-height: 22px;
		font-size: 13px;
		color: #999;
		text-align: center
	}

